<template>

</template>

<script>
    export default {
        name: "shopRightList",
        data() {
            return {

            }
        },
        mounted() {
            this.getGlobalData();
        },
        methods: {
            //从全局变量中拿基础数据
            getGlobalData() {
                this.goodsList = this.$store.state.goodsList;//商品列表
            },
            //加-购物车
            addShopCart(e) {
                let index = e.srcElement.dataset.index;
                let parentIndex = e.srcElement.dataset.parentindex;
                console.log(index, parentIndex)
            },
            //减-购物车
            minusShopCart(item, index) {
                console.log(item, index)
            },
        },
    }
</script>

<style lang="scss" scoped>
    /*商品列表*/
    .goods-list-box {
        padding: 0;
        margin: 0;
        width: 100%;
        height: 500px;
        overflow-y: auto;
        .shop-box {
            width: 100%;
            height: 100%;
            display: flex;
            .shop_wrap {
                width: calc(100% - 40px);
                height: 100%;
                overflow-x: hidden;
                overflow-y: scroll;
                padding: 0 20px;

                .shop_title {
                    & > ul {
                        display: flex;
                        flex-wrap: wrap;
                        justify-content: flex-start;
                    }
                    & > ul > li {
                        width: 100%;
                        height: 100px;
                        /*border: 1px solid red;*/
                        display: flex;
                        justify-content: flex-start;
                        align-items: center;
                        position: relative;
                        img {
                            width: 83px;
                            height: 85px;
                            border-radius: 12px;
                            margin-right: 10px;
                        }
                        .goods-content-box {
                            display: flex;
                            flex-direction: column;
                            width: calc(100% - 95px);
                            text-align: left;
                        }
                        .goods-name {
                            color: #2e3155;
                            font-size: 15px;
                        }
                        .goods-font {
                            color: #d5d5d5;
                            font-size: 10px;
                        }
                        .goods-info-box {
                            padding-left: 5px;
                        }

                    }
                }
                .seize-seat {
                    width: 100%;
                    height: 80px;
                    line-height: 80px;
                    font-size: 12px;
                    color: #d5d5d5;
                }
            }
        }
    }
</style>